<!DOCTYPE html>
<!--thymeleaf 前置和命名空间-->
<html lang="zh" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>大帅体检 | 用户注册</title>

    <!-- Bootstrap -->
    <link th:href="@{/bootstrap/dist/css/bootstrap.min.css}" rel="stylesheet">
    <!-- Font Awesome -->
    <link th:href="@{/font-awesome/css/font-awesome.min.css}" rel="stylesheet">
    <!-- NProgress -->
    <link th:href="@{/nprogress/nprogress.css}" rel="stylesheet">
    <!-- iCheck -->
    <link th:href="@{/iCheck/skins/flat/green.css}" rel="stylesheet">
    <!-- bootstrap-progressbar -->
    <link th:href="@{/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css}" rel="stylesheet">
    <!-- JQVMap -->
    <link th:href="@{/jqvmap/dist/jqvmap.min.css}" rel="stylesheet"/>

    <!-- Custom Theme Style -->
    <link th:href="@{/css/custom.min.css}" rel="stylesheet">
  </head>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        <div class="col-md-3 left_col">
          <div class="left_col scroll-view">
            <div class="navbar nav_title" style="border: 0;">
              <a th:href="@{/}" class="site_title"><i class="fa fa-paw"></i> <span>大帅体检</span></a>
            </div>

            <div class="clearfix"></div>

            <!-- menu profile quick info -->
            <div class="profile">
              <div class="profile_pic">
                <img th:src="@{images/img.jpg}" alt="..." class="img-circle profile_img">
              </div>
              <div class="profile_info">
                <span th:if="${session.loginUser == null}"><a th:href="@{/user/login}">请登录</a></span>
                <span th:if="${session.loginUser != null}">
                  <span>欢迎您：</span> <span th:text="${session.loginUser.name}"></span>
                </span>
<!--                <div th:text="${session.loginUser}"></div>-->
                <h2></h2>
              </div>
            </div>
            <!-- /menu profile quick info -->

            <br />

            <!-- sidebar menu -->
            <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
              <div class="menu_section">
                <h3></h3>
                <ul class="nav side-menu">
                  <li><a><i class="fa fa-home"></i>返回首页 <span class="fa fa-chevron-down"></span></a>
                  </li>
                  <li><a><i class="fa fa-edit"></i> 用户管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a th:href="@{/user/login}">用户登录</a></li>
                      <li><a th:href="@{/user/reg}">用户注册</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-desktop"></i> 预约管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a th:href="@{/exam_package/show_packages}">查看预约套餐</a></li>
<!--                      <li><a th:href="@{/appointment_record/appoint}">我要预约</a></li>-->
                      <li><a th:href="@{/appointment_record/my_appoint}">我的预约</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-table"></i> 体检管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a th:href="@{/appointment_record/appoint_list}">查看预约信息</a></li>
                      <li><a href="tables_dynamic.html">查看体检信息</a></li>
                    </ul>
                  </li>
                  <li><a><i class="fa fa-bar-chart-o"></i> 系统管理 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a th:href="@{/exam_package/show_package_list}"></a></li>
                      <li><a href="chartjs.html">添加医生</a></li>
                      <li><a th:href="@{/health_exam_item/add_health_item}">添加体检项目</a></li>
                      <li><a th:href="@{/exam_package/add_health_package}">添加体检套餐</a></li>
                    </ul>
                  </li>
                </ul>
              </div>

            </div>
            <!-- /sidebar menu -->

            <!-- /menu footer buttons -->
            <div class="sidebar-footer hidden-small">
              <a data-toggle="tooltip" data-placement="top" title="Settings">
                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="Lock">
                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="Logout">
                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
              </a>
            </div>
            <!-- /menu footer buttons -->
          </div>
        </div>

        <!-- top navigation -->
        <div class="top_nav">
          <div class="nav_menu">
            <nav>
              <div class="nav toggle">
                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
              </div>

              <ul class="nav navbar-nav navbar-right">
                <li class="">
                  <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                    <span th:if="${session.loginUser == null}">
                      <a th:href="@{/user/login}">请登录</a>
                    </span>
                    <span th:if="${session.loginUser != null}" th:text="${session.loginUser.name}">
<!--                      <img src="images/img.jpg" alt="">John Doe-->

                    </span>

                    <span class=" fa fa-angle-down"></span>
                  </a>
                  <ul class="dropdown-menu dropdown-usermenu pull-right">
                    <li><a href="javascript:;"> 客户信息</a></li>
                    <li><a href="javascript:;"> 客户服务</a></li>
                    <li><a th:href="@{/user/logout}"><i class="fa fa-sign-out pull-right"></i> 注销</a></li>
                  </ul>
                </li>
              </ul>
            </nav>
          </div>
        </div>
        <!-- /top navigation -->

        <!-- page content -->
        <div class="right_col" role="main">
          <!-- top tiles -->
          <div class="row tile_count">

              <form id="demo-form2" th:action="@{/user/do_reg}" data-parsley-validate class="form-horizontal form-label-left" method="post">

                  <div class="form-group">
                      <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">姓名 <span class="required">*</span>
                      </label>
                      <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" id="name"  name="name" required="required" class="form-control col-md-7 col-xs-12">
                      </div>
                  </div>

                  <div class="form-group">
                      <label class="control-label col-md-3 col-sm-3 col-xs-12" for="mobile_no">手机号码 <span class="required">*</span>
                      </label>
                      <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" id="mobile_no" name="mobileNo" required="required" class="form-control col-md-7 col-xs-12" >
                      </div>
                  </div>

                  <div class="form-group">
                      <label class="control-label col-md-3 col-sm-3 col-xs-12" for="password">密码 <span class="required">*</span>
                      </label>
                      <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="password" id="password"  name="password" required="required" class="form-control col-md-7 col-xs-12">
                      </div>
                  </div>

                  <div class="form-group">
                      <label class="control-label col-md-3 col-sm-3 col-xs-12">性别</label>
                      <div class="col-md-6 col-sm-6 col-xs-12">
                          <div id="gender" class="btn-group" data-toggle="buttons">
                              <label class="btn btn-default" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
                                  <input type="radio" name="gender" value="1"> &nbsp; 男 &nbsp;
                              </label>
                              <label class="btn btn-primary" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
                                  <input type="radio" name="gender" value="0"> 女
                              </label>
                          </div>
                      </div>
                  </div>
                  <div class="form-group">
                      <label class="control-label col-md-3 col-sm-3 col-xs-12" for="id_no">身份证号 <span class="required">*</span>
                      </label>
                      <div class="col-md-6 col-sm-6 col-xs-12">
                          <input id="id_no" name="idNo" class="date-picker form-control col-md-7 col-xs-12" required="required" type="text">
                      </div>
                  </div>
                  <div class="ln_solid"></div>
                  <div class="form-group">
                      <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                          <input type="submit" class="btn btn-success" value="注册">
                          <input type="reset" class="btn btn-danger" value="取消">
                      </div>
                  </div>

              </form>
          </div>
        </div>
      </div>
    </div>



          </div>
        </div>
        <!-- /page content -->

        <!-- footer content -->
        <footer>
          <div class="pull-right">
            大帅体检 - 为您的身体护航 <a href="https://www.dshealth.com">大帅体检</a>
          </div>
          <div class="clearfix"></div>
        </footer>
        <!-- /footer content -->
      </div>
    </div>

    <!-- jQuery -->
    <script th:src="@{/jquery/dist/jquery.min.js}"></script>
    <!-- Bootstrap -->
    <script th:src="@{/bootstrap/dist/js/bootstrap.min.js}"></script>
    <!-- FastClick -->
    <script th:src="@{/fastclick/lib/fastclick.js}"></script>
    <!-- NProgress -->
    <script th:src="@{/vendors/nprogress/nprogress.js}"></script>

    <!-- gauge.js -->
    <script th:src="@{/gauge.js/dist/gauge.min.js}"></script>
    <!-- bootstrap-progressbar -->
    <script th:src="@{/bootstrap-progressbar/bootstrap-progressbar.min.js}"></script>
    <!-- iCheck -->
    <script th:src="@{/iCheck/icheck.min.js}"></script>

    <!-- Flot -->
    <script th:src="@{/Flot/jquery.flot.js}"></script>
    <script th:src="@{/Flot/jquery.flot.pie.js}"></script>
    <script th:src="@{/Flot/jquery.flot.time.js}"></script>
    <script th:src="@{/Flot/jquery.flot.stack.js}"></script>
    <script th:src="@{/Flot/jquery.flot.resize.js}"></script>
    <!-- Flot plugins -->
    <script th:src="@{flot.orderbars/js/jquery.flot.orderBars.js}"></script>
    <script th:src="@{/flot-spline/js/jquery.flot.spline.min.js}"></script>
    <script th:src="@{/flot.curvedlines/curvedLines.js}"></script>


    <!-- Custom Theme Scripts -->
    <script th:src="@{/js/custom.min.js}"></script>


    <!-- /gauge.js -->
  </body>
</html>
